<div class="box_l">
    <div class="normal_panel">
        <ctaf-cp-panel title="父子通信">
            <qdm-foreignExchangeChild [msgFromPar]="msgToChild" (outer)="receive($event)"></qdm-foreignExchangeChild>
            <p>从子组件接收到的消息：{{msgFromChild}}</p>
            <ctaf-cp-button style="primary" (click)="OnClick()" title="调用子组件的click方法"></ctaf-cp-button>
        </ctaf-cp-panel>
    </div>
    <!--message service 练习-->
    <div class="normal_panel">
        <ctaf-cp-panel title="广播消息">        
            <div>
                <ctaf-cp-button (click)="BoradCaset()" title="广播消息"></ctaf-cp-button>
            </div>
            <ctaf-demo-mescp1></ctaf-demo-mescp1>
            <ctaf-demo-mescp2></ctaf-demo-mescp2>
        </ctaf-cp-panel>
    </div>
    <div class="progress_panel">
        <ctaf-cp-panel title="成交行情">
            <div class="progress_item">
                信用拆借：&nbsp;&nbsp;
                <div class="f_r"><ctaf-cp-progressbar value="50" w="200" h="20" style="info"></ctaf-cp-progressbar></div>
            </div>
            <div class="progress_item">
                同业存单：&nbsp;&nbsp;
                <div class="f_r"><ctaf-cp-progressbar value="60" w="200" h="20" style="warning"></ctaf-cp-progressbar></div>
            </div>
            <div class="progress_item">
                同业存款：&nbsp;&nbsp;
                <div class="f_r"><ctaf-cp-progressbar value="70" w="200" h="20" style="danger"></ctaf-cp-progressbar></div>
            </div>
            <div class="progress_item">
                同业借款：&nbsp;&nbsp;
                <div class="f_r"><ctaf-cp-progressbar value="80" w="200" h="20" style="success"></ctaf-cp-progressbar></div>
            </div>
        </ctaf-cp-panel>
    </div>
</div>
<div class="box_r">
    <ctaf-cp-panel>
        开关:<ctaf-cp-switch></ctaf-cp-switch><br/>
        文本框:<ctaf-cp-textbox></ctaf-cp-textbox><br/>
        数值输入框:<ctaf-cp-textnumber></ctaf-cp-textnumber><br/>
        密码:<ctaf-cp-password></ctaf-cp-password><br/>
    </ctaf-cp-panel>
</div>